<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name='format-detection' content='telephone=no' />
<title>人车人</title><link rel="icon" href="/assets/img/titleico.ico" type="image/x-icon">
<link rel="stylesheet" href="/assets/css/common.css" />
<link rel="stylesheet" href="/assets/css/iconfont/iconfont.css" />
<style>
body {
	background-color: #fff;
}

section {
	background-color: #fff;
	padding-bottom: 6rem;
}

#uploadpage .container {
	padding: 0;
}

section .container .info {
	padding: 1.4rem 0;
}

section .container .info div.flex {
	text-align: center;
}

section .container .info div.flex div {
	line-height: 2rem;
}

section .container .list li {
	padding: 1.5rem 5%;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 1.4rem;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

section .container .list li a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

section .container .list li i.iconfont {
	font-size: 2rem;
}

section .container .list li i.new {
	font-size: 1.8rem;
	color: #f00;
	position: absolute;
	top: 0;
	left: 0;
}

section .container .list li div {
	text-align: center;
}

section .container .out {
	display: block;
	margin: 1rem auto;
	width: 90%;
	height: 2.8 rem;
	line-height: 2.8rem;
	text-align: center;
	background-color: #fff;
	border-radius: 99px;
	border: 1px solid #007aff;
	color: #007aff;
}

section .container .nolist {
	display: none;
	text-align: center;
	margin-top: 24%;
}

a.add,a.perfectmsg {
	display: block;
	padding: 3% 0;
	width: 90%;
	text-align: center;
	margin: 3% auto;
	border-radius: 6px;
	background-color: #5cb85c;
	color: #fff;
}

::-webkit-input-placeholder {
	color: #fd0421;
}

section .container .list li p {
	-webkit-align-items: center;
	align-items: center;
}

section .container .list li i {
	margin-left: .4rem;
}

section .container .list li .err {
	color: #f0ad4e;
}

section .container .list li .ok {
	color: #5cb85c;
}

#uploadpage .container ul li span {
	font-size: 1.4rem;
	color: #f0ad4e;
}
</style>
<script src="/assets/js/jquery-3.1.1.min.js"></script>
</head>
<body>
	#@tabHead("贷后管理",false) #@loadContainer()
	<div id="show-template" class="show-template trans">
		<div class="loading"></div>
		<img src="" />
	</div>
	<section id="uploadpage" class="visiblecon sectrans">
		<div class="container">
			<div class="orderlist">
				<ul class="list" id="ulcon">
				</ul>
			</div>
		</div>
	</section>

	<!-- footer start -->
	#--#@footer(2)--#
	<!-- end footer -->

	<script src="/assets/js/fastclick.min.js"></script>
	<script src="/assets/js/xxsg.js"></script>
	<script src="/assets/js/exif.min.js"></script>
	<script id="mainjs">
    	$(function(){
    		var section = $("#uploadpage"),
    			ulDom = $("#ulcon"),
    			bodyDom = document.body;//用于窗口滚动
    		$.ajax({
    			type:"post",
    			url:"/afterLoan/getInfo",
    			success:function(data){
    				console.log(data)
    				data.splice(data.length - 1);
    				getBaseTab(data,showSuc);
    			}
    		})
    		
    		function getBaseTab(data,callback){
    			var len = data.length;
				for(var i = 0;i < len;i++){
					var expl = data[i].expl;
					if(data[i].state == "3"){
						html = "<li class='b_bor'>"+
		        		   	   "	<p class='flexbox'>"+ expl +"（"+ data[i].count +"）<i class='iconfont err'>&#xe618;</i></p>"+
		        		   	   "	<span class='err'>备注："+ data[i].err +"</span>"+
		        		       "</li>";
					}else if(data[i].state == "5"){
						html = "<li class='b_bor'>"+
		        		   	   "	<p>"+ expl +"（"+ data[i].count +"）<i class='iconfont ok'>&#xe641;</i></p>"+
		        		       "</li>";
					}else{
						html = "<li class='b_bor'>"+
	        		   	   "	<p>"+ expl +"（"+ data[i].count +"）<span>&nbsp;待审核</span></p>"+
	        		       "</li>";
					}
					
					ulDom.append(html);
					
					if(len == ulDom.children().length){
						callback();
					}
				}
			}
			
    		function showSuc(){
    			$("#uploadpage").removeClass("visiblecon");
    			$("#load-container").removeClass("load7");
        	}
    	})
    </script>
</body>
</html>